<h2 class="group_name">Modal</h2>
<h2 class="how_use">How to use</h2>
<div class="use_content">
  <pre>     第一步：新建div遮罩层，添加class = modal_opacity（初始化modal位置）
       第二步：modalBox(target,direction,playtime,modal_box)
             target:触发对象节点，点击事件
             direction：动画方向 /top……left……/
             playtime：动画时间
             modal_box：模态盒子class
             </pre>
</div>
<h2 class="demo">Demo</h2>
<div class="modal_demo">
  <div class="modal_opacity"></div>
  <div class="modal_box">
    <i class="iconfont icon-close close"></i>
    <p>Welcome ！</p>
  </div>
  <div class="modal_button">
    <button class="modal_top">top</button>
    <button class="modal_right">right</button>
    <button class="modal_bottom">bottom</button>
    <button class="modal_left">left</button>
  </div>
</div>